.datacenter .Ctit{
	border-bottom: 2px solid #E60112;
	padding: 30px 0px 10px 0px;
}
.datacenter .Ctit h2{
	font-size: 20px;
	line-height: 40px;
}
.datacenter .changetype{
	float: right;
	font-size: 16px;
	border:solid 1px #999;
	padding: 0px 10px;
	line-height: 40px;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
}
.datacenter .sanjiao{
 margin-left: 10px;
 float: left;
 width: 0; 
 height: 0;
 border-width: 8px;
 border-style: solid;
 margin-top: 16px;
 border-color:#999 transparent transparent transparent;
}
.datacenter .Ctit select{
	display: block;
	float: right;
	width: 170px;
	height: 40px;
	border:1px solid rgba(189,189,189,1);
	font-size: 14px;
	color: #000;
	box-sizing: border-box;
	padding: 0px 10px;
}

/* datacenterN */
.datacenterN{
	width: 100%;
	height: auto;
	background:rgba(244,244,244,1);
	border:1px solid rgba(223,223,223,1);
	box-sizing: border-box;
	margin-top: 20px;
}
.datacenterN a{
	display: block;
	float: left;
	width: 12.5%;
	height: auto;
	font-size: 14px;
	color: #000;
	line-height: 60px;
	text-align: center;
	/* border:1px solid #000; */
	box-sizing: border-box;
}
.datacenterN a.on{
	color: #E60112;
}
.datacenterN a:hover{
	color: #E60112;
}
.datacenterCtit{
	font-size: 14px;
	color: #000;
	text-align: right;
	padding-top: 10px;
}

/* datacenterC */
.datacenterC{
	width: 100%;
	height: auto;
}
.datacenterCO{
	width: 100%;
	height: auto;
}
.datacenterCO1{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.datacenterCO1S{
	width: 100%;
	height: auto;
}
.datacenterCO1S li{
	width: 50%;
	height: auto;
	float: left;
	margin-top: 3%;
}
.datacenterCO1S li a{
	display: block;
	width: 100%;
	height: auto;
	padding: 0px 3% 0px 0px;
	box-sizing: border-box;
}
.datacenterCO1S li a img{
	display: block;
	float: left;
	width: 31%;
	height: auto;
	border:2px solid rgba(216,216,216,1);
	box-sizing: border-box;
}
.datacenterCO1S li a span{
	display: block;
	float: right;
	width: 65%;
	height: auto;
}
.datacenterCO1S li a span h3{
	font-size: 18px;
	color: #000;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 9% 0px 0px 0px;
}
.datacenterCO1S li a span h4{
	font-size: 14px;
	color: #000;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 3% 0px;
}
.datacenterCO1S li a span p{
	font-size: 14px;
	color: #3694E3;
	line-height: 24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background: url(../../static/images/datacenterCO1S.png) no-repeat left center;
	background-size: 24px 24px;
	padding-left: 30px;
	margin-top: 5%;
}
.datacenterCO2{
	width: 100%;
	height: auto;
}
.datacenterCO2 li{
	width: 100%;
	height: auto;
	padding: 20px 0px;
	border-bottom: 1px solid #eee;
}
.datacenterCO2 li h2{
	font-size: 18px;
	color: #000;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 0px 0px 10px 0px;
}
.datacenterCO2 li h3{
	display: inline-block;
	width: auto;
	font-size: 14px;
	line-height: 34px;
	background: #eee;
	color: #000;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 0px 10px;
}
.datacenterCO2 li span{
	display: block;
	width: 56%;
	height: auto;
}
.datacenterCO2 li span p{
	float: left;
	width: 33%;
	font-size: 14px;
	color: #000;
	margin-top: 15px;
}
.datacenterCO2 li h4{
	font-size: 14px;
	color: #3694E3;
	line-height: 24px;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background: url(../../static/images/datacenterCO1S.png) no-repeat left center;
	background-size: 24px 24px;
	padding-left: 30px;
	margin-top: 20px;
}

/* datacenterCO3 */
.datacenterCO3{
	width: 100%;
	height: auto;
}
.datacenterCO3F{
	width: 100%;
	height: auto;
	background:rgba(244,244,244,1);
	border:1px solid rgba(223,223,223,1);
	box-sizing: border-box;
	border-top: none;
	padding: 0px 20px 20px 20px;
}
.datacenterCO3FI{
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.datacenterCO3FI p{
	font-size: 16px;
	color: #000;
}
.datacenterCO3FIC{
	width: 500px;
	height: auto;
	background:#fff;
	border:1px solid rgba(189,189,189,1);
	margin-top: 8px;
	position: relative;
}
.datacenterCO3FIC input{
	display: block;
	width: 100%;
	height: 40px;
	padding: 0px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
	border: none;
}
.datacenterCO3FIC button{
	display: block;
	width: 40px;
	height: 40px;
	background:#fff url(../../static/images/datacenterCO3FI.png) no-repeat center center;
	background-size: 24px 24px;
	position: absolute;
	right: 0px;
	top:0px

}
.datacenterCO3FIS{
	width: 100%;
	height: auto;
	margin-top: 15px;
}
.datacenterCO3FIS p{
	float: left;
	font-size: 14px;
	color: #000;
	line-height: 30px;
}
.datacenterCO3FIS label{
	float: left;
	font-size: 14px;
	color: #000;
	line-height: 30px;
	vertical-align: middle;
	margin-left: 3%;
}
.datacenterCO3FIS label input{
	display: inline-block;
	vertical-align: middle;
}
.datacenterCO3C{
	width: 100%;
	height: auto;
	margin-top: 15px;
}
.datacenterCO3Ctit{
	font-size: 14px;
	color: #000;
	text-align: right;
}
.datacenterCO3CO{
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.datacenterCO3COT{
	width: 100%;
	height: auto;
	border: 1px solid rgba(244,244,244,1);
	background:rgba(244,244,244,1);
}
.datacenterCO3COT tr{
	border: 1px solid rgba(244,244,244,1);
}
.datacenterCO3COT tr td{
	border: 1px solid rgba(244,244,244,1);
	padding: 10px 10px;
	text-align: center;
	font-size: 14px;
	color: #000;
	line-height: 39px;
}
.datacenterCO3COS{
	width: 100%;
	height: auto;
	border: 1px solid #DFDFDF;
}
.datacenterCO3COS tr{
	border: 1px solid #DFDFDF;
}
.datacenterCO3COS tr td{
	border: 1px solid #DFDFDF;
	padding: 10px 10px;
	text-align: center;
	font-size: 14px;
	color: #000;
	line-height: 28px;
}
.datacenterCO3COS tr td p{
	font-size: 14px;
	color: #3694E3;
	line-height: 24px;
	vertical-align: middle;
}
.datacenterCO3COS tr td p em{
	display: inline-block;
	color: #000;
	border:1px solid #2E3946;
	padding: 0px 6px;
}
.datacenterCO4{
	width: 100%;
	height: auto;
}
.datacenterCO4T{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.datacenterCO4N {
    width: 100%;
    height: auto;
    background: rgba(244,244,244,1);
    border: 1px solid rgba(223,223,223,1);
    box-sizing: border-box;
	margin-top: 20px;
	padding: 0px 20px;
}
.datacenterCO4N a{
	display: block;
	float: left;
	width: auto;
	height: auto;
	font-size: 14px;
	color: #000;
	line-height: 60px;
	text-align: center;
	box-sizing: border-box;
	background: url(../../static/images/datacenterCO4N.png) no-repeat left center;
	background-size: 12px 12px;
	padding-left: 17px;
	margin-right: 3%;
}
.datacenterCO4N a.on{
	color: #E60112;
}
.datacenterCO4N a:hover{
	color: #E60112;
}
.datacenterCO4C{
	width: 100%;
	height: auto;
	margin-top: 25px;
}
.datacenterCO4Ctit{
	font-size: 16px;
	color: #000;;
}
.datacenterCO4CT{
	width: 100%;
	height: auto;
	background: #F4F4F4;
	border: 1px solid #DFDFDF;
	margin-top: 10px;
}
.datacenterCO4CT tr{
	border: 1px solid #DFDFDF;
}
.datacenterCO4CT tr td{
	border: 1px solid #DFDFDF;
	line-height: 14px;
	color: #000;
	line-height: 25px;
	text-align: center;
	padding: 10px 10px;
}
.datacenterCO4CS{
	width: 100%;
	height: auto;
	border: 1px solid #DFDFDF;
	margin-top: 10px;
}
.datacenterCO4CS tr{
	border: 1px solid #DFDFDF;
}
.datacenterCO4CS tr td{
	border: 1px solid #DFDFDF;
	line-height: 14px;
	color: #000;
	line-height: 25px;
	text-align: center;
	padding: 10px 10px;
}
.datacenterCO4CS tr td img{
	display: block;
	width: 20px;
	height: auto;
	margin: 0px auto;
}
.datacenterCO5{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.datacenterCO5 ul{
	width: 110%;
	height: auto;
}
.datacenterCO5 ul li{
	width: 44.3%;
    height: auto;
    float: left;
    margin-right: 2.3%;
    margin-top: 2.3%;
}
.datacenterCO5 ul li a{
	display: block;
	width: 100%;
	height: auto;
}
.datacenterCO5 ul li a img{
	display: block;
	float: left;
	width: 42%;
	height: auto;
}
.datacenterCO5 ul li a span{
	display: block;
	float: right;
	width: 54%;
	height: auto;
}
.datacenterCO5 ul li a span h2{
	font-size: 18px;
	color: #000;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.datacenterCO5 ul li a span h3{
	font-size: 14px;
	color: #000;
	line-height: 23px;
	height: 46px;
	overflow: hidden;
	font-weight: normal;
	margin: 3% 0px;
}
.datacenterCO5 ul li a span h4{
	font-size: 14px;
	color: #000;
	font-weight: normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.datacenterCO5 ul li a span .datacenterCO5B{
	width: 140px;
	height: auto;
	background: #E70012;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
	margin-top: 6%;
}
.datacenterCO5 ul li a span .datacenterCO5B p{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}
.datacenterCO5 ul li a span .datacenterCO5B img{
	display: inline-block;
	float: none;
	width: 16px;
	height: auto;
	vertical-align: middle;
	margin-right: 3px;
}
.datacenterCO5 ul li a span .datacenterCO5B:hover{
	opacity: 0.8;
}
.datacenterCO6{
	width: 100%;
	height: auto;
	margin-top: 15px;
}
.datacenterCO6 li{
	width: 100%;
	height: auto;
	padding: 15px 0px;
	border-bottom: 1px solid #eee;
}
.datacenterCO6 li a{
	display: block;
	width: 100%;
	height: auto;
}
.datacenterCO6 li h2{
	font-size: 16px;
	color: #000;
	font-weight: normal;
	padding-bottom: 10px;
}
.datacenterCO6 li p{
	font-size: 14px;
	color: #000;
	line-height: 28px;
}
.datacenterCO6 li h4{
	display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 34px;
    background: #eee;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 0px 10px;
	margin-top: 10px;
}
.datacenterCO6 li:hover h4{
	color: #fff;
	background: #E70012;
}
.datacenterCO8{
	width: 100%;
	height: auto;
}
.datacenterCO8C{
	width: 100%;
	height: auto;
	margin-top: 25px;
}
.datacenterCO8Ctit{
	font-size: 14px;
	color: #000;
	line-height: 30px;
	box-sizing: border-box;
	background: url(../../static/images/datacenterCO4N.png) no-repeat left center;
	background-size: 12px 12px;
	padding-left: 17px;
	border-bottom: 1px solid #eee;
}

/* 选择产品分类弹窗 */
.changetypePUP{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 90;
	display: none;
}
.changetypePUPC{
	width: 940px;
	height: auto;
	border-top: 2px solid #E60012;
	background: #fff;
	padding: 25px 25px 25px 25px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 100;
}
.changetypePUPCT{
	width: 100%;
	height: auto;
}
.changetypePUPCT h4{
	float: left;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	font-weight: normal;
}
.changetypePUPCT p{
	float: right;
	font-size: 22px;
	color: #999;
	line-height: 30px;
	cursor: pointer;
}
.changetypePUPCT p:hover{
	color: #E70012;
}
.changetypePUPCS{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.changetypePUPCS ul{
	width: 110%;
	height: auto;
}
.changetypePUPCS ul li{
	width: 28.95%;
    height: 200px;
    float: left;
	margin-right: 2%;
	margin-top: 25px;
	box-sizing: border-box;
	border-top: 2px solid #DBDBDB;
	overflow: hidden;
}
.changetypePUPCS ul li a{
	display: block;
	width: 100%;
	height: auto;
}
.changetypePUPCS ul li h4{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	background: url(../../static/images/changetypePUPCS1.png) no-repeat left center;
	background-size: 8px 8px;
	padding-left: 15px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0px;
}
.changetypePUPCS ul li p{
	font-size: 14px;
	color: #005E8C;
	font-weight: normal;
	background: url(../../static/images/changetypePUPCS2.png) no-repeat left center;
	background-size: 8px 8px;
	padding-left: 15px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px 0px;
}
.changetypePUPCS ul li p:hover{
	color: #E70012;
}

/* 软件详情 datacenterDetails */
.datacenterDetails{
	width: 100%;
	height: auto;
	margin: 40px 0px;
}
.datacenterDetailsC{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.datacenterDetailsCtit{
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.datacenterDetailsCE{
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.datacenterDetailsCE p{
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.datacenterDetailsCS{
	width: 100%;
	height: auto;
	margin-top: 15px;
}
.datacenterDetailsCS a{
	display: block;
	float: left;
	width: 140px;
	height: auto;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
	font-size: 14px;
	box-sizing: border-box;
	margin-right: 15px;
}
.datacenterDetailsCS a img{
	display: inline-block;
	width: 24px;
	height: auto;
	vertical-align: middle;
}
.datacenterDetailsCS1{
	color: #fff;
	background: #E70012;
}
.datacenterDetailsCS2{
	border:1px solid #BDBDBD;
	color: #000;
}
.datacenterDetailsCS1:hover{
	opacity: 0.8;
}
.datacenterDetailsCS2:hover{
	background: #BDBDBD;
}
















/* 媒体查询 */
/** max-width:1300px **/
@media only screen and (max-width: 1299px){
    
}

/** max-width:1200px **/
@media only screen and (max-width: 1199px){
    .datacenterCO5 ul li a span h2{
		font-size: 16px;
	}
	.datacenterCO5 ul li a span .datacenterCO5B{
		line-height: 35px;
	}

}

/** max-width:1024px **/
@media only screen and (max-width: 1023px){
	.datacenterCO1S li a span h3{
		padding: 0%;
		font-size: 16px;
	}
	.datacenterCO2 li span{
		width: 100%;
	}
	.datacenterCO2 li span p{
		width: auto;
		margin-right: 3%;
	}
	.datacenterCO2 li h2{
		font-size: 16px;
	}
	.datacenterCO4N{
		border: none;
		background: #fff;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #ddd;
	}
	.datacenterCO4N a{
		line-height: 30px;
	}
	.datacenterCO4C{
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.datacenterCO4CT{
		width: 1024px;
	}
	.datacenterCO4CS{
		width: 1024px;
	}
	.datacenterCO5 ul li a img{
		width: 100%;
		height: auto;
		float: none;
	}
	.datacenterCO5 ul li a span{
		width: 100%;
		height: auto;
		float: none;
		margin-top: 10px;
	}
	.datacenterCO5 ul li a span .datacenterCO5B{
		margin-top: 10px;
		width: 115px;
		line-height: 30px;
	}
	.datacenterCO5 ul li a span h3{
		margin: 6px 0px;
	}
	.changetypePUPC{
		width: 94%;
		padding: 15px 15px 15px 15px;
	}
	.changetypePUPCT h4{
		font-size: 14px;
	}
	.datacenterDetailsCtit{
		font-size: 18px;
	}
    
}

/** max-width:750px **/
@media only screen and (max-width: 749px){
    .datacenter .Ctit h2 {
		font-size: 18px;
		line-height: 20px;
		float: none;
		text-align: left;
	}
	.datacenter .Ctit select{
		float: none;
		margin-top: 10px;
		height: 35px;
	}
	.datacenter .changetype{
		float: left;
		font-size: 14px;
		line-height: 35px;
		margin-top: 10px;
	}
	.datacenter .sanjiao{
		margin-top: 13px;
	}
	.datacenterN{
		border: none;
		background: #fff;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #ddd;
	}
	.datacenterN a{
		width: auto;
		line-height: 30px;
		padding: 0px 15px;
		border-right: 1px solid #ddd;
	}
	.datacenterCO1S li{
		float: none;
		width: 100%;
	}
	.datacenterCO1S li a{
		padding: 0%;
	}
	.datacenterCO3F{
		padding: 0px 15px 15px 15px;
	}
	.datacenterCO3CO{
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.datacenterCO3COT{
		width: 750px;
	}
	.datacenterCO3COS{
		width: 750px;
	}
	.datacenterCO4Ctit{
		font-size: 14px;
	}
	.changetypePUPCS ul li{
		width: 44.3%;
		margin-right: 2.3%;
		margin-top: 2.3%;
	}
	.datacenterDetailsCtit{
		font-size: 16px;
	}
	.datacenterDetailsCS a{
		float: none;
		margin-right: 0px;
		margin-bottom: 10px;
	}

}

/** max-width:640px **/
@media only screen and (max-width: 639px){
	.datacenterCO3FI p{
		font-size: 14px;
	}
    .datacenterCO3FIC{
		width: 100%;
	}
	.datacenterCO3FIC input{
		height: 35px;
	}
	.datacenterCO3FIC button{
		width: 30px;
		height: 35px;
		background-size:20px 20px;
	}
}












